import backTopImage from "@/static/images/backTop.png";
export default {
    id: "1-12",
    title: "返回顶部",
    name: "backToTop",
    ename: "backTopComponent",
    icon: "iconfont icon-fanhuidingbu",
    canDelete: true,
    fixedBottom: false, // 固定在底部，其下不能再添加组件
    active: "",
    main: {
        displayType: "icon", //展示类型:1-icon图标,2-img图片
        backTopIcon: "iconfont icon-fanhuidingbu13", //展示图标
        backTopIconColor: "#FFFFFF", //展示图标颜色
        backTopIconBgColor: "#000000", //展示图标背景颜色
        backTopIconBgOpacity: 50, //展示图标背景透明度
        backTopSize: 60, //展示返回顶部按钮大小
        backTopImage: backTopImage, //展示返回顶部按钮图片
        buttonPosition: "br", //展示返回顶部按钮位置
        offsetUpAndDown: 32, //展示返回顶部按钮上下偏移量
        leftAndRightOffset: 10, //展示返回顶部按钮左右偏移量
        scrollTop: 300, //当浏览器滚动至此高度时显示返回顶部按钮
        iconEvent: "backTop", //展示返回顶部按钮图标事件
        jumpLinkUrl: "", //展示返回顶部按钮跳转链接
        jumpLinkName: "", //展示返回顶部按钮跳转链接名称
    },
    right: [
        {
            id: "1-12-1",
            name: "模块风格",
            direction: "column",
            open: true,
            catalog: [
                {
                    id: "1-12-1-1",
                    name: "displayType",
                    ename: "displayType",
                    title: "展示类型：",
                    display:"block" ,
                    value: "icon",
                    controlName: "backTopCombination",
                    options: [
                        {
                            id: "icon",
                            name: "图标",
                            value: "icon",
                            catalog: [
                                {
                                    id: "1-12-1-1-1-1",
                                    name: "",
                                    ename: "backTopIcon",
                                    title: "图标：",
                                    display:"block" ,
                                    value: "iconfont icon-fanhuidingbu13",
                                    default: "iconfont icon-fanhuidingbu13",
                                    controlName: "chooseIconComponent",
                                },
                                {
                                    id: "1-12-1-1-1-2",
                                    name: "",
                                    ename: "backTopIconColor",
                                    title: "图标颜色：",
                                    display:"block" ,
                                    value: "#FFFFFF",
                                    default: "#FFFFFF",
                                    controlName: "colorComponent",
                                    haveIcon: true,
                                  
                                },
                                {
                                    id: "1-12-1-1-1-3",
                                    display:"block" ,
                                    title: "背景颜色：",
                                    name: "",
                                    ename: "backTopIconBgColor",
                                    value: "#000000",
                                    default: "#000000",
                                    controlName: "colorComponent",
                                    haveIcon: true,
                                  
                                },
                                {
                                    id: "1-12-1-1-1-4",
                                    display:"block" ,
                                    title: "背景透明度：",
                                    name: "",
                                    ename: "backTopIconBgOpacity",
                                    value: 50,
                                    default: 50,
                                    min: 0,
                                    max: 100,
                                    step: 1,
                                    suffix: "%",
                                    controlName: "sliderComponent",
                                },
                                {
                                    id: "1-12-1-1-1-5",
                                    name: "",
                                    ename: "backTopSize",
                                    title: "按钮大小：",
                                    display:"block" ,
                                    value: 60,
                                    min: 30,
                                    max: 200,
                                    default: 60,
                                    step: 1,
                                    suffix: "px",
                                    controlName: "sliderComponent",
                                },
                            ],
                        },
                        {
                            id: "img",
                            name: "图片",
                            value: "img",
                            catalog: [
                                {
                                    id: "1-12-1-1-2-1",
                                    name: "",
                                    title: "图片：",
                                    ename: "backTopImage",
                                    value: backTopImage,
                                    default: backTopImage,
                                    remark: "建议图片尺寸为100x100,比例为1:1",
                                    controlName: "chooseImageComponent",
                                },
                            ],
                        },
                    ],
                },
                {
                    id: "1-12-1-2",
                    name: "buttonPosition",
                    ename: "buttonPosition",
                    title: "按钮位置：",
                    display:"block" ,
                    value: "br",
                    controlName: "backTopCombination",
                    options: [
                        {
                            id: "1-12-1-2-4",
                            name: "左下",
                            value: "bl",
                        },
                        {
                            id: "1-12-1-2-5",
                            name: "右下",
                            value: "br",
                        },
                    ],
                    catalog: [
                        {
                            id: "1-12-1-2-1",
                            title: "上下偏移：",
                            name: "",
                            ename: "offsetUpAndDown",
                            value: 32,
                            default: 32,
                            suffix: "%",
                            display:"block" ,
                            min: 0,
                            max: 100,
                            step: 1,
                            controlName: "sliderComponent",
                        },
                        {
                            id: "1-12-1-2-2",
                            title: "左右偏移：",
                            name: "",
                            ename: "leftAndRightOffset",
                            value: 10,
                            default: 10,
                            suffix: "%",
                            display:"block" ,
                            min: 0,
                            max: 100,
                            step: 1,
                            controlName: "sliderComponent",
                        },
                        {
                            id: "1-12-1-2-3",
                            title: "显示高度：",
                            name: "",
                            ename: "scrollTop",
                            value: 300,
                            default: 300,
                            suffix: "px",
                            display:"block" ,
                            min: 0,
                            max: 300,
                            step: 1,
                            controlName: "sliderComponent",
                            remark:
                                "当浏览器滚动至此高度时显示返回顶部按钮(图标事件为跳转链接时始终显示)",
                        },
                    ],
                },
                {
                    id: "1-12-1-3",
                    name: "iconEvent",
                    ename: "iconEvent",
                    title: "图标事件：",
                    display:"block" ,
                    value: "backTop",
                    controlName: "backTopCombination",
                    options: [
                        {
                            id: "1-12-1-3-1",
                            name: "返回顶部",
                            ename: "iconEvent",
                            value: "backTop",
                        },
                        {
                            id: "1-12-1-3-2",
                            name: "跳转链接",
                            ename: "jumpLinkUrl",
                            value: "jumpLink",
                            url: {
                                title: "选择链接：",
                                linkUrl: "",
                                linkName: "",
                            },
                        },
                    ],
                },
            ],
        },
    ],
}